<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>表</title>
        <script src="jquery-3.2.0.min.js"></script>
        <style type="text/css">
            table {border-collapse: collapse;}
            table,th,td{border: 1px solid #000}
        </style>
    </head>
    <body>
        <table>
            <thead>
                <th>表头1</th>
                <th>表头2</th>
                <th>表头3</th>
                <th>表头4</th>
                <th>表头5</th>
            </thead>
            <tbody>
                <tr>
                    <td>列表1</td>
                    <td>列表2</td>
                    <td>列表3</td>
                    <td>列表4</td>
                    <td>列表5</td>
                </tr>
                <tr>
                    <td>列表1</td>
                    <td>列表2</td>
                    <td>列表3</td>
                    <td>列表4</td>
                    <td>列表5</td>
                </tr>
                <tr>
                    <td>列表1</td>
                    <td>列表2</td>
                    <td>列表3</td>
                    <td>列表4</td>
                    <td>列表5</td>
                </tr>
            </tbody>
        </table>
    </body>
    <script>
        $("th").css("background","#5f6565");
        $("tr:odd").css("background","#0f0");
        $("tr:even").css("background","#0ff");
    </script>

    <dt>我们的课程
    <table>
    <dd>1</dd>
    <dd>2</dd>
    <dd>3</dd>
    <dd>4</dd>
    <dd>5</dd>
    </dt>
</html>